<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-27 10:23:52
-->
<template>
  <panel title="新品推荐" more="更多尖货" moreSize="12px">
  	<section class="content">
  		<slider :options="options" :items="items" cname="product-slider"></slider>
  	</section>
  </panel>
</template>

<script>
import panel from '../../../components/panel.vue'
import slider from '../../../components/slider.vue'
export default {
  name: 'product',
  data(){
	  return{
	  	items: [{
        href: "home",
        src: "//img12.360buyimg.com/jrpmobile/jfs/t14125/310/1997192193/46667/3c910f8b/5a2f6a36Nad95b650.jpg?width=335&height=421",
      }, {
        href: "home",
        src: "//img12.360buyimg.com/jrpmobile/jfs/t13021/306/1996997425/21953/bda69db3/5a2f6a17N9da099b1.jpg?width=335&height=421",
      }, {
        href: "home",
        src: "//img12.360buyimg.com/jrpmobile/jfs/t14125/310/1997192193/46667/3c910f8b/5a2f6a36Nad95b650.jpg?width=335&height=421",
      }, {
        href: "home",
        src: "//img12.360buyimg.com/jrpmobile/jfs/t15784/188/381232069/39444/8878571d/5a2f6a4aNbd5a574c.jpg?width=335&height=421",
      }],
      options:{
      	slidesPerView:2.5,
        spaceBetween: 15,
      }
	  }
  },
  props:{
  
  },
  components:{
  	panel,slider
  },
  created(){

  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style lang="stylus" scoped>
.content
	padding:15px
	>>>.swiper-container
		background:#fff

</style>


